@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

@emailSetTag: email-set-tag;
@emailMoveTo: email-move-to;

.@{emailSetTag},
.@{emailMoveTo} {
  height: 100%;
  overflow: hidden;
  background: @fill-body;
  padding-bottom: @search-bar-height;
  box-sizing: border-box;
  &-view {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  &-list {
    .am-list-header {
      padding: 0;
      padding-top: @v-spacing-md;
    }
    .am-list-footer {
      background: @fill-base;
      text-align: right;
      color: @brand-primary;
      padding-top: @v-spacing-lg;
    }
    &-header {
      background: @fill-base;
      display: flex;
      padding-left: @h-spacing-lg;
      line-height: @list-item-height;
      &-title {
        flex: 1;
      }
      &-icon {
        flex: 0;
        padding-right: @h-spacing-lg;
        .am-icon {
          width: @icon-size-xs;
          height: @icon-size-xs;
          vertical-align: middle;
        }
      }
    }
    &-item {
      display: flex;
      &-icon {
        flex: 0;
        padding-right: @h-spacing-md;
        .am-icon {
          width: @icon-size-xs;
          height: @icon-size-xs;
        }
      }
      &-label {
        flex: 1;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: @h-spacing-md;
        > span {
          display: inline-block;
          padding: 3 * @hd @h-spacing-md;
          border-radius: 4 * @hd;
          max-width: 100%;
          box-sizing: border-box;
        }
        .am-tag {
          color: @color-text-base-inverse;
          max-width: 100%;
          .am-tag-text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
      &-checkbox {
        flex: 0;
      }
    }
  }
  .btn-group {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    line-height: @search-bar-height;

    .am-button {
      display: inline-block;
      flex: 1;
    }
    .hidden {
      display: none;
    }
  }
}

